<template>
    <div class="head_page">
      <van-nav-bar title="权限设置" left-arrow @click-left="$router.back()"/>
      
      <div class="box">
          <div class="list">
              <div class="lt">黑名单</div>
              <div class="icon">
                <van-switch v-model="checkedBlack" />    
              </div> 
          </div>
          <div class="list">
              <div class="lt">隐藏手机号码</div>
              <div class="icon">
                <van-switch v-model="checkedTel" />
              </div> 
          </div>
      </div>
        
        
    </div>
</template>

<script>
  export default {
    name: 'reCharge',
    data(){
      return {
        // smtype:true,
        checkedBlack:false,
        checkedTel:false
      }
    },
    components:{
     
    },
    methods:{
      
    
       
        
      },
     

  }
</script>
<style lang="scss" scoped>
.head_page{
    width:100%;
    height:100%;
    position: absolute;
    .box{
        // padding:10px 0;
        background: #fff;
        .list{
            padding:10px;
            border-bottom: 1px solid #ddd;
            display: flex;
            align-items: center;
            flex-direction: row;
            justify-content: space-between;
            font-size: 16px;
            
        }
    }
}

</style>
